@prefix-cls: ~'@{namespace}-multiple-tabs';

.el-tabs__item.is-active {
  .@{prefix-cls}-content__info {
    color: var(--el-color-primary)
  }
}

.@{prefix-cls} {
  z-index: 10;
  height: @multiple-height + 2;
  // line-height: @multiple-height + 2;
  background-color: @component-background;
  border-bottom: 1px solid @border-color-base;

  .ant-dropdown-trigger {
    display: inline-flex;
  }

  &-content {
    &__extra-quick,
    &__extra-redo,
    &__extra-fold {
      display: inline-block;
      width: 36px;
      height: @multiple-height;
      line-height: @multiple-height;
      color: @text-color-secondary;
      text-align: center;
      cursor: pointer;
      border-left: 1px solid @border-color-base;

      &:hover {
        color: @text-color-base;
      }

      span[role='img'] {
        transform: rotate(90deg);
      }
    }

    &__extra-redo {
      span[role='img'] {
        transform: rotate(0deg);
      }
    }

    &__info {
      display: inline-block;
      width: 100%;
      height: @multiple-height - 2;
      line-height: @multiple-height - 4;
      padding-left: 0;
      margin-left: -10px;
      font-size: 12px;
      cursor: pointer;
      user-select: none;
    }
  }
}
